<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>

<head>
<title>网格管理</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<jsp:include page="/WEB-INF/views/config/include.jsp" />

<style>
  .container {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
.title {
	width: 100%;
	display: inline-block;
	height: 120px;
	text-align: center;
	line-height: 120px;
}
.btn {
	height: 60px;
    margin-top: 15px;
}
</style>
</head>
<body class="body">
	<div class="container">
		<!-- 选择户主类型 -->
		<form class="form" action="/gather/manager/area/view" method="POST" id="home_h5">
			<pf:token /> 
			<input type="hidden" id="hdp" name="hdp" value="${hdp}"> 
			<input type="hidden" id="id" name="id">
			<div class="title">
				<h3 style="margin-top: 50px;">居民居住区管理</h3>
			</div>
			<c:forEach var="item" items="${areas}">
				<input type="button" class="btn btn-light form-control" onclick="btnonclick('${item.id}')" value="${item.gatherAreaName}"><br>
			</c:forEach>
			
			<br>
			<input type="button" class="btn btn-success form-control" style="width: 75%;" onclick="newonclick()" value="新建居住区"><br>
		</form>
	</div>
	
<script>
function btnonclick(id){
	 $('#id').val(id);
	home_h5.submit();
}
function newonclick(){
	home_h5.action="/gather/manager/area/new";
	home_h5.submit();
}
</script>
</body>
</html>